用Echarts编写柱形图、折线图转换（数据从后台获取）

一、Echarts特性介绍

        Echarts是一个纯JavaScript图标库，可以流畅的运行在PC和移动设备上，兼容大部分浏览器（IE/8/9/10/11、Firefox、Chrome等），底层依赖轻量级的Canvas类库ZRender ，提供直观、生动、可高度个性化定制的数据可视化图表。

二、Echarts轻松上手

1、Echarts只需像普通的JavaScript库一样用script引入

        <script src="${pageContext.request.contextPath }/js/echarts.js"></script>

2 、在绘图前需要为Echarts准备一个具备高宽的DOM容器

       <div id="main" style="min-width: 310px; max-width: 800px; height: 400px; margin: 0 auto"></div>

3、再则通过echarts.init方法初始化一个echarts实例并通过setOption方法生成一个简单的柱状图。

完整代码如下：

<div id="main" style="min-width: 310px; max-width: 800px; height: 400px; margin: 0 auto"></div>
        
         <script type="text/javascript">
         function year(){
         	var ctx = "${pageContext.request.contextPath}";